<!DOCTYPE html>
<html lang="zh-CN">
<!--浏览器搞笑标题-->
<script type="text/javascript" src="/js/FunnyTitle.js"></script>






<head>
  <meta charset="UTF-8">
  <link rel="apple-touch-icon" sizes="76x76" href="/binblog/img/binblog.ico">
  <link rel="icon" type="image/png" href="/binblog/img/binblog.ico">
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  
  <meta name="theme-color" content="#2f4154">
  <meta name="description" content="">
  <meta name="author" content="leo-bin">
  <meta name="keywords" content="">
  <title>分类 - 阿斌的个人博客</title>

  <link  rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css" />



<!-- 主题依赖的图标库，不要自行修改 -->

<link rel="stylesheet" href="//at.alicdn.com/t/font_1749284_yg9cfy8wd6.css">



<link rel="stylesheet" href="//at.alicdn.com/t/font_1736178_pjno9b9zyxs.css">


<link  rel="stylesheet" href="/binblog/css/main.css" />

<!-- 自定义样式保持在最底部 -->


<meta name="generator" content="Hexo 4.2.1"></head>


<body>
  <header style="height: 60vh;">
    <nav id="navbar" class="navbar fixed-top  navbar-expand-lg navbar-dark scrolling-navbar">
  <div class="container">
    <a class="navbar-brand"
       href="/binblog/">&nbsp;<strong>Abin的Blog</strong>&nbsp;</a>

    <button id="navbar-toggler-btn" class="navbar-toggler" type="button" data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <div class="animated-icon"><span></span><span></span><span></span></div>
    </button>

    <!-- Collapsible content -->
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto text-center">
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/binblog/">
                <i class="iconfont icon-home-fill"></i>
                首页
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/binblog/archives/">
                <i class="iconfont icon-archive-fill"></i>
                归档
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/binblog/categories/">
                <i class="iconfont icon-category-fill"></i>
                分类
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/binblog/tags/">
                <i class="iconfont icon-tags-fill"></i>
                标签
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/binblog/about/">
                <i class="iconfont icon-user-fill"></i>
                关于
              </a>
            </li>
          
        
        
          <li class="nav-item" id="search-btn">
            <a class="nav-link" data-toggle="modal" data-target="#modalSearch">&nbsp;&nbsp;<i
                class="iconfont icon-search"></i>&nbsp;&nbsp;</a>
          </li>
        
      </ul>
    </div>
  </div>
</nav>

    <div class="view intro-2" id="background" parallax=true
         style="background: url('/binblog/img/7.webp') no-repeat center center;
           background-size: cover;">
      <div class="full-bg-img">
        <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
          <div class="container text-center white-text fadeInUp">
            <span class="h2" id="subtitle">
              
            </span>

            
          </div>

          
        </div>
      </div>
    </div>
  </header>

  <main>
    
      <div class="container nopadding-md">
        <div class="py-5" id="board"
          >
          
          <div class="container">
            <div class="row">
              <div class="col-12 col-md-10 m-auto">
                







<div class="category-list">
  
  
  
  
    
    
    <div class="category row">
      <a
        class="category-item collapsed list-group-item category-item-action col-10 col-md-11"
        id="heading-算法" role="tab" data-toggle="collapse" href="#collapse-算法"
        aria-expanded="false"
      >
        算法
        <i class="iconfont icon-arrowright"></i>
      </a>
      <a href="/binblog/categories/%E7%AE%97%E6%B3%95/" class="category-count col-2 col-md-1">
        <i class="iconfont icon-articles"></i>
        <span>6</span>
      </a>
      <div class="category-collapse">
        
          
  <div id="collapse-算法" class="collapse in" role="tabpanel"
       aria-labelledby="heading-算法">
    
    
    
      
      
        <a href="/binblog/2020/07/16/%E5%B8%B8%E7%94%A8%E7%AE%97%E6%B3%95%E4%B9%8B%E6%8E%92%E5%BA%8F%E7%AE%97%E6%B3%95%E5%92%8C%E6%9F%A5%E6%89%BE%E7%AE%97%E6%B3%95/" class="list-group-item list-group-item-action">
          <span class="category-post">常用算法之排序算法和查找算法</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/%E5%87%A0%E7%A7%8D%E5%B8%B8%E8%A7%81%E7%9A%84%E8%B4%9F%E8%BD%BD%E5%9D%87%E8%A1%A1%E7%AE%97%E6%B3%95/" class="list-group-item list-group-item-action">
          <span class="category-post">几种常见的负载均衡算法</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/%E7%BA%AF%E6%89%8B%E5%86%99LRU%E7%AE%97%E6%B3%95%EF%BC%81/" class="list-group-item list-group-item-action">
          <span class="category-post">纯手写LRU算法！</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/%E5%88%86%E5%B8%83%E5%BC%8F%E5%9C%BA%E6%99%AF%E4%B8%8B%E7%9A%84%E5%85%A8%E5%B1%80%E5%94%AF%E4%B8%80id%E7%94%9F%E6%88%90%E6%96%B9%E6%A1%88/" class="list-group-item list-group-item-action">
          <span class="category-post">分布式场景下的全局唯一id生成方案</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8Java%E8%AE%BE%E8%AE%A1%E4%B8%80%E4%B8%AA%E7%94%9F%E4%BA%A7%E8%80%85%E6%B6%88%E8%B4%B9%E8%80%85/" class="list-group-item list-group-item-action">
          <span class="category-post">如何用Java设计一个简单的生产者消费者</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/30/%E8%AE%BE%E8%AE%A1%E4%B8%80%E4%B8%AA%E6%8A%A2%E7%BA%A2%E5%8C%85%E7%AE%97%E6%B3%95/" class="list-group-item list-group-item-action">
          <span class="category-post">如何设计一个抢红包算法</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
    
    
    <div class="category row">
      <a
        class="category-item collapsed list-group-item category-item-action col-10 col-md-11"
        id="heading-多线程和并发" role="tab" data-toggle="collapse" href="#collapse-多线程和并发"
        aria-expanded="false"
      >
        多线程和并发
        <i class="iconfont icon-arrowright"></i>
      </a>
      <a href="/binblog/categories/%E5%A4%9A%E7%BA%BF%E7%A8%8B%E5%92%8C%E5%B9%B6%E5%8F%91/" class="category-count col-2 col-md-1">
        <i class="iconfont icon-articles"></i>
        <span>6</span>
      </a>
      <div class="category-collapse">
        
          
  <div id="collapse-多线程和并发" class="collapse in" role="tabpanel"
       aria-labelledby="heading-多线程和并发">
    
    
    
      
      
        <a href="/binblog/2020/06/01/%E5%A4%9A%E7%BA%BF%E7%A8%8B%E6%89%93%E5%8D%B0%E9%97%AE%E9%A2%98%E6%B1%87%E6%80%BB/" class="list-group-item list-group-item-action">
          <span class="category-post">多线程打印问题汇总</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/%E5%A4%9A%E7%BA%BF%E7%A8%8B%E5%AD%A6%E4%B9%A0%E4%B9%8BAQS/" class="list-group-item list-group-item-action">
          <span class="category-post">多线程学习之AQS</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/%E5%A4%9A%E7%BA%BF%E7%A8%8B%E5%AD%A6%E4%B9%A0%E4%B9%8BThreadLocal/" class="list-group-item list-group-item-action">
          <span class="category-post">多线程学习之ThreadLocal</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/%E5%A4%9A%E7%BA%BF%E7%A8%8B%E5%AD%A6%E4%B9%A0%E4%B9%8Bsynchronized/" class="list-group-item list-group-item-action">
          <span class="category-post">多线程学习之synchronized</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/%E5%A4%9A%E7%BA%BF%E7%A8%8B%E5%AD%A6%E4%B9%A0%E4%B9%8Bvolatile/" class="list-group-item list-group-item-action">
          <span class="category-post">多线程学习之volatile</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/%E5%BD%BB%E5%BA%95%E5%BC%84%E6%98%8E%E7%99%BD%E7%BA%BF%E7%A8%8B%E6%B1%A0%EF%BC%81/" class="list-group-item list-group-item-action">
          <span class="category-post">彻底弄明白线程池！</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
    
    
    <div class="category row">
      <a
        class="category-item collapsed list-group-item category-item-action col-10 col-md-11"
        id="heading-生活随笔" role="tab" data-toggle="collapse" href="#collapse-生活随笔"
        aria-expanded="false"
      >
        生活随笔
        <i class="iconfont icon-arrowright"></i>
      </a>
      <a href="/binblog/categories/%E7%94%9F%E6%B4%BB%E9%9A%8F%E7%AC%94/" class="category-count col-2 col-md-1">
        <i class="iconfont icon-articles"></i>
        <span>4</span>
      </a>
      <div class="category-collapse">
        
          
  <div id="collapse-生活随笔" class="collapse in" role="tabpanel"
       aria-labelledby="heading-生活随笔">
    
    
    
      
      
        <a href="/binblog/2021/05/10/%E6%8B%BF%E5%88%B0%E4%B8%80%E5%8F%B0%E6%96%B0MAC%E6%88%91%E4%BC%9A%E5%B9%B2%E4%BB%80%E4%B9%88/" class="list-group-item list-group-item-action">
          <span class="category-post">拿到一台新MAC我会干什么</span>
        </a>
      
    
      
      
        <a href="/binblog/2021/05/10/%E6%88%91%E5%8E%BB%E6%BB%B4%E6%BB%B4%E5%95%A6%EF%BC%81/" class="list-group-item list-group-item-action">
          <span class="category-post">我去滴滴啦！</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/09/30/%E7%A7%8B%E6%8B%9B%E6%9D%82%E8%B0%88/" class="list-group-item list-group-item-action">
          <span class="category-post">秋招杂谈</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/06/01/%E6%88%91%E7%88%B6%E6%AF%8D%E4%B9%8B%E9%97%B4%E7%9A%84%E7%88%B1%E6%83%85/" class="list-group-item list-group-item-action">
          <span class="category-post">我父母之间的爱情</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
    
    
    <div class="category row">
      <a
        class="category-item collapsed list-group-item category-item-action col-10 col-md-11"
        id="heading-数据结构" role="tab" data-toggle="collapse" href="#collapse-数据结构"
        aria-expanded="false"
      >
        数据结构
        <i class="iconfont icon-arrowright"></i>
      </a>
      <a href="/binblog/categories/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/" class="category-count col-2 col-md-1">
        <i class="iconfont icon-articles"></i>
        <span>4</span>
      </a>
      <div class="category-collapse">
        
          
  <div id="collapse-数据结构" class="collapse in" role="tabpanel"
       aria-labelledby="heading-数据结构">
    
    
    
      
      
        <a href="/binblog/2020/09/30/%E4%BA%8C%E5%8F%89%E6%A0%91%E7%9A%84%E9%81%8D%E5%8E%86/" class="list-group-item list-group-item-action">
          <span class="category-post">二叉树的遍历</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97%E4%B9%8B%E6%89%8B%E5%86%99%E4%B8%80%E4%B8%AA%E4%BA%8C%E5%8F%89%E5%A0%86/" class="list-group-item list-group-item-action">
          <span class="category-post">手写系列之手写一个二叉堆</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97%E4%B9%8B%E6%89%8B%E5%86%99%E4%B8%80%E4%B8%AAlist/" class="list-group-item list-group-item-action">
          <span class="category-post">手写系列之手写一个List</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97%E4%B9%8B%E6%89%8B%E5%86%99%E4%B8%80%E4%B8%AA%E6%A0%88/" class="list-group-item list-group-item-action">
          <span class="category-post">手写系列之手写一个栈</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
    
    
    <div class="category row">
      <a
        class="category-item collapsed list-group-item category-item-action col-10 col-md-11"
        id="heading-设计模式" role="tab" data-toggle="collapse" href="#collapse-设计模式"
        aria-expanded="false"
      >
        设计模式
        <i class="iconfont icon-arrowright"></i>
      </a>
      <a href="/binblog/categories/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/" class="category-count col-2 col-md-1">
        <i class="iconfont icon-articles"></i>
        <span>3</span>
      </a>
      <div class="category-collapse">
        
          
  <div id="collapse-设计模式" class="collapse in" role="tabpanel"
       aria-labelledby="heading-设计模式">
    
    
    
      
      
        <a href="/binblog/2020/05/31/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F%E4%B9%8B%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/" class="list-group-item list-group-item-action">
          <span class="category-post">设计模式之单例模式</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F%E4%B9%8B%E7%AD%96%E7%95%A5%E6%A8%A1%E5%BC%8F/" class="list-group-item list-group-item-action">
          <span class="category-post">设计模式之策略模式</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F%E4%B9%8B%E4%BB%A3%E7%90%86%E6%A8%A1%E5%BC%8F/" class="list-group-item list-group-item-action">
          <span class="category-post">设计模式之代理模式</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
    
    
    <div class="category row">
      <a
        class="category-item collapsed list-group-item category-item-action col-10 col-md-11"
        id="heading-JVM" role="tab" data-toggle="collapse" href="#collapse-JVM"
        aria-expanded="false"
      >
        JVM
        <i class="iconfont icon-arrowright"></i>
      </a>
      <a href="/binblog/categories/JVM/" class="category-count col-2 col-md-1">
        <i class="iconfont icon-articles"></i>
        <span>2</span>
      </a>
      <div class="category-collapse">
        
          
  <div id="collapse-JVM" class="collapse in" role="tabpanel"
       aria-labelledby="heading-JVM">
    
    
    
      
      
        <a href="/binblog/2020/05/31/JVM%E5%AD%A6%E4%B9%A0%E4%B9%8BGC/" class="list-group-item list-group-item-action">
          <span class="category-post">JVM学习之GC</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/JVM%E5%AD%A6%E4%B9%A0%E4%B9%8BJVM%E4%B8%AD%E7%B1%BB%E7%9A%84%E5%8A%A0%E8%BD%BD/" class="list-group-item list-group-item-action">
          <span class="category-post">JVM学习之JVM中类的加载</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
    
    
    <div class="category row">
      <a
        class="category-item collapsed list-group-item category-item-action col-10 col-md-11"
        id="heading-NOSQL" role="tab" data-toggle="collapse" href="#collapse-NOSQL"
        aria-expanded="false"
      >
        NOSQL
        <i class="iconfont icon-arrowright"></i>
      </a>
      <a href="/binblog/categories/NOSQL/" class="category-count col-2 col-md-1">
        <i class="iconfont icon-articles"></i>
        <span>2</span>
      </a>
      <div class="category-collapse">
        
          
  <div id="collapse-NOSQL" class="collapse in" role="tabpanel"
       aria-labelledby="heading-NOSQL">
    
    
    
      
      
        <a href="/binblog/2020/05/31/Redis%E5%AD%A6%E4%B9%A0%E4%B9%8B%E8%BF%9B%E9%98%B6%E7%AF%87/" class="list-group-item list-group-item-action">
          <span class="category-post">Redis学习之进阶偏</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/Redis%E5%AD%A6%E4%B9%A0%E4%B9%8B%E5%85%A5%E9%97%A8%E7%AF%87/" class="list-group-item list-group-item-action">
          <span class="category-post">Redis学习之入门篇</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
    
    
    <div class="category row">
      <a
        class="category-item collapsed list-group-item category-item-action col-10 col-md-11"
        id="heading-Spring" role="tab" data-toggle="collapse" href="#collapse-Spring"
        aria-expanded="false"
      >
        Spring
        <i class="iconfont icon-arrowright"></i>
      </a>
      <a href="/binblog/categories/Spring/" class="category-count col-2 col-md-1">
        <i class="iconfont icon-articles"></i>
        <span>2</span>
      </a>
      <div class="category-collapse">
        
          
  <div id="collapse-Spring" class="collapse in" role="tabpanel"
       aria-labelledby="heading-Spring">
    
    
    
      
      
        <a href="/binblog/2020/05/31/%E5%BD%BB%E5%BA%95%E5%BC%84%E6%98%8E%E7%99%BDAOP%E5%92%8CIOC!/" class="list-group-item list-group-item-action">
          <span class="category-post">彻底弄明白AOP和IOC！</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/%E4%BD%A0%E7%9C%9F%E7%9A%84%E6%98%8E%E7%99%BDSpring%E5%BE%AA%E7%8E%AF%E4%BE%9D%E8%B5%96%E5%90%97%EF%BC%9F/" class="list-group-item list-group-item-action">
          <span class="category-post">你真的明白Spring循环依赖的问题吗？</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
    
    
    <div class="category row">
      <a
        class="category-item collapsed list-group-item category-item-action col-10 col-md-11"
        id="heading-关系型数据库" role="tab" data-toggle="collapse" href="#collapse-关系型数据库"
        aria-expanded="false"
      >
        关系型数据库
        <i class="iconfont icon-arrowright"></i>
      </a>
      <a href="/binblog/categories/%E5%85%B3%E7%B3%BB%E5%9E%8B%E6%95%B0%E6%8D%AE%E5%BA%93/" class="category-count col-2 col-md-1">
        <i class="iconfont icon-articles"></i>
        <span>2</span>
      </a>
      <div class="category-collapse">
        
          
  <div id="collapse-关系型数据库" class="collapse in" role="tabpanel"
       aria-labelledby="heading-关系型数据库">
    
    
    
      
      
        <a href="/binblog/2020/10/06/%E6%95%B0%E6%8D%AE%E5%BA%93%E6%B7%B1%E5%85%A5%E6%B5%85%E5%87%BA%E4%B9%8B%E7%B4%A2%E5%BC%95/" class="list-group-item list-group-item-action">
          <span class="category-post">数据库深入浅出之索引</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/05/31/%E6%95%B0%E6%8D%AE%E5%BA%93%E6%B7%B1%E5%85%A5%E6%B5%85%E5%87%BA%E4%B9%8B%E4%BA%8B%E5%8A%A1/" class="list-group-item list-group-item-action">
          <span class="category-post">数据库深入浅出之事务</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
    
    
    <div class="category row">
      <a
        class="category-item collapsed list-group-item category-item-action col-10 col-md-11"
        id="heading-技术收藏" role="tab" data-toggle="collapse" href="#collapse-技术收藏"
        aria-expanded="false"
      >
        技术收藏
        <i class="iconfont icon-arrowright"></i>
      </a>
      <a href="/binblog/categories/%E6%8A%80%E6%9C%AF%E6%94%B6%E8%97%8F/" class="category-count col-2 col-md-1">
        <i class="iconfont icon-articles"></i>
        <span>2</span>
      </a>
      <div class="category-collapse">
        
          
  <div id="collapse-技术收藏" class="collapse in" role="tabpanel"
       aria-labelledby="heading-技术收藏">
    
    
    
      
      
        <a href="/binblog/2020/08/02/Typora%E4%B8%ADEmoji%E9%9B%86%E5%90%88/" class="list-group-item list-group-item-action">
          <span class="category-post">Typora中Emoji指令集合</span>
        </a>
      
    
      
      
        <a href="/binblog/2020/07/13/%E5%A6%82%E4%BD%95%E6%89%93%E9%80%A0%E6%B0%B8%E4%B9%85%E5%B8%A6%E5%9F%9F%E5%90%8D%E4%B8%AA%E4%BA%BA%E4%B8%93%E5%B1%9E%E5%8D%9A%E5%AE%A2/" class="list-group-item list-group-item-action">
          <span class="category-post">如何打造带域名的永久个人专属博客</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
    
    
    <div class="category row">
      <a
        class="category-item collapsed list-group-item category-item-action col-10 col-md-11"
        id="heading-MQ" role="tab" data-toggle="collapse" href="#collapse-MQ"
        aria-expanded="false"
      >
        MQ
        <i class="iconfont icon-arrowright"></i>
      </a>
      <a href="/binblog/categories/MQ/" class="category-count col-2 col-md-1">
        <i class="iconfont icon-articles"></i>
        <span>1</span>
      </a>
      <div class="category-collapse">
        
          
  <div id="collapse-MQ" class="collapse in" role="tabpanel"
       aria-labelledby="heading-MQ">
    
    
    
      
      
        <a href="/binblog/2020/05/31/%E4%B8%BA%E4%BB%80%E4%B9%88%E7%B3%BB%E5%88%97%E4%B9%8B%E4%B8%BA%E4%BB%80%E4%B9%88%E8%A6%81%E4%BD%BF%E7%94%A8MQ%EF%BC%9F/" class="list-group-item list-group-item-action">
          <span class="category-post">为什么系列之为什么要使用MQ？</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
    
    
    <div class="category row">
      <a
        class="category-item collapsed list-group-item category-item-action col-10 col-md-11"
        id="heading-大前端" role="tab" data-toggle="collapse" href="#collapse-大前端"
        aria-expanded="false"
      >
        大前端
        <i class="iconfont icon-arrowright"></i>
      </a>
      <a href="/binblog/categories/%E5%A4%A7%E5%89%8D%E7%AB%AF/" class="category-count col-2 col-md-1">
        <i class="iconfont icon-articles"></i>
        <span>1</span>
      </a>
      <div class="category-collapse">
        
          
  <div id="collapse-大前端" class="collapse in" role="tabpanel"
       aria-labelledby="heading-大前端">
    
    
    
      
      
        <a href="/binblog/2020/05/30/hello-world/" class="list-group-item list-group-item-action">
          <span class="category-post">Hello World</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
    
    
    <div class="category row">
      <a
        class="category-item collapsed list-group-item category-item-action col-10 col-md-11"
        id="heading-ORM" role="tab" data-toggle="collapse" href="#collapse-ORM"
        aria-expanded="false"
      >
        ORM
        <i class="iconfont icon-arrowright"></i>
      </a>
      <a href="/binblog/categories/ORM/" class="category-count col-2 col-md-1">
        <i class="iconfont icon-articles"></i>
        <span>1</span>
      </a>
      <div class="category-collapse">
        
          
  <div id="collapse-ORM" class="collapse in" role="tabpanel"
       aria-labelledby="heading-ORM">
    
    
    
      
      
        <a href="/binblog/2020/05/31/%E4%B8%BA%E4%BB%80%E4%B9%88%E7%B3%BB%E5%88%97%E4%B9%8B%E4%B8%BA%E4%BB%80%E4%B9%88%E8%A6%81%E4%BD%BF%E7%94%A8MyBatis%EF%BC%9F/" class="list-group-item list-group-item-action">
          <span class="category-post">为什么系列之为什么要使用MyBatis？</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
    
    
    <div class="category row">
      <a
        class="category-item collapsed list-group-item category-item-action col-10 col-md-11"
        id="heading-ORM框架" role="tab" data-toggle="collapse" href="#collapse-ORM框架"
        aria-expanded="false"
      >
        ORM框架
        <i class="iconfont icon-arrowright"></i>
      </a>
      <a href="/binblog/categories/ORM%E6%A1%86%E6%9E%B6/" class="category-count col-2 col-md-1">
        <i class="iconfont icon-articles"></i>
        <span>1</span>
      </a>
      <div class="category-collapse">
        
          
  <div id="collapse-ORM框架" class="collapse in" role="tabpanel"
       aria-labelledby="heading-ORM框架">
    
    
    
      
      
        <a href="/binblog/2020/05/31/%E6%89%8B%E5%86%99%E7%B3%BB%E5%88%97%E4%B9%8B%E6%89%8B%E5%86%99%E4%B8%80%E4%B8%AAMyBatis/" class="list-group-item list-group-item-action">
          <span class="category-post">手写系列之手写一个MyBatis</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
    
    
    <div class="category row">
      <a
        class="category-item collapsed list-group-item category-item-action col-10 col-md-11"
        id="heading-框架" role="tab" data-toggle="collapse" href="#collapse-框架"
        aria-expanded="false"
      >
        框架
        <i class="iconfont icon-arrowright"></i>
      </a>
      <a href="/binblog/categories/%E6%A1%86%E6%9E%B6/" class="category-count col-2 col-md-1">
        <i class="iconfont icon-articles"></i>
        <span>1</span>
      </a>
      <div class="category-collapse">
        
          
  <div id="collapse-框架" class="collapse in" role="tabpanel"
       aria-labelledby="heading-框架">
    
    
    
      
      
        <a href="/binblog/2020/07/07/%E5%A6%82%E4%BD%95%E4%BB%BF%E7%85%A7Redisson%E5%AE%9E%E7%8E%B0%E5%88%86%E5%B8%83%E5%BC%8F%E9%94%81/" class="list-group-item list-group-item-action">
          <span class="category-post">仿照Redisson实现一个简易版分布式锁</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
    
    
    <div class="category row">
      <a
        class="category-item collapsed list-group-item category-item-action col-10 col-md-11"
        id="heading-中间件" role="tab" data-toggle="collapse" href="#collapse-中间件"
        aria-expanded="false"
      >
        中间件
        <i class="iconfont icon-arrowright"></i>
      </a>
      <a href="/binblog/categories/%E4%B8%AD%E9%97%B4%E4%BB%B6/" class="category-count col-2 col-md-1">
        <i class="iconfont icon-articles"></i>
        <span>1</span>
      </a>
      <div class="category-collapse">
        
          
  <div id="collapse-中间件" class="collapse in" role="tabpanel"
       aria-labelledby="heading-中间件">
    
    
    
      
      
        <a href="/binblog/2020/08/09/ZooKeeper%E6%B7%B1%E5%85%A5%E6%B5%85%E5%87%BA/" class="list-group-item list-group-item-action">
          <span class="category-post">ZooKeeper深入浅出</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
</div>

              </div>
            </div>
          </div>
        </div>
      </div>
    
  </main>

  
    <a id="scroll-top-button" href="#" role="button">
      <i class="iconfont icon-arrowup" aria-hidden="true"></i>
    </a>
  

  
    <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="ModalLabel"
     aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header text-center">
        <h4 class="modal-title w-100 font-weight-bold">搜索</h4>
        <button type="button" id="local-search-close" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body mx-3">
        <div class="md-form mb-5">
          <input type="text" id="local-search-input" class="form-control validate">
          <label data-error="x" data-success="v"
                 for="local-search-input">关键词</label>
        </div>
        <div class="list-group" id="local-search-result"></div>
      </div>
    </div>
  </div>
</div>
  

  

  

  <footer class="mt-5">
  <div class="text-center py-3">
    <div>
      <a href="https://hexo.io" target="_blank" rel="nofollow noopener"><span>Hexo</span></a>
      <i class="iconfont icon-love"></i>
      <a href="https://github.com/fluid-dev/hexo-theme-fluid" target="_blank" rel="nofollow noopener">
        <span>Fluid</span></a>
    </div>
    
  <div class="statistics">
    
    

    
      
        <!-- LeanCloud 统计PV -->
        <span id="leancloud-site-pv-container" style="display: none">
            总访问量 
            <span id="leancloud-site-pv"></span>
             次
          </span>
      
      
        <!-- LeanCloud 统计UV -->
        <span id="leancloud-site-uv-container" style="display: none">
            总访客数 
            <span id="leancloud-site-uv"></span>
             人
          </span>
      

    
  </div>


    
  <!-- 备案信息 -->
  <div class="beian">
    <a href="http://beian.miit.gov.cn/" target="_blank"
       rel="nofollow noopener">京ICP证123456号</a>
    
      <a
        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=12345678"
        rel="nofollow noopener"
        class="beian-police"
        target="_blank"
      >
        <span class="beian-police-sep">&nbsp;|&nbsp;</span>
        
          <img src="/binblog/img/police_beian.png" srcset="/binblog/img/loading.gif" alt="police-icon" />
        
        <span>京公网安备12345678号</span>
      </a>
     
  </div>


    
  </div>
</footer>

<!-- SCRIPTS -->
<script  src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js" ></script>
<script  src="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/js/bootstrap.min.js" ></script>
<script  src="/binblog/js/debouncer.js" ></script>
<script  src="/binblog/js/main.js" ></script>

<!-- Plugins -->


  
    <script  src="/binblog/js/lazyload.js" ></script>
  



  <script defer src="https://cdn.staticfile.org/clipboard.js/2.0.6/clipboard.min.js" ></script>
  <script  src="/binblog/js/clipboard-use.js" ></script>



  <script defer>
  (function () {
    // 查询存储的记录
    function getRecord(Counter, target) {
      return new Promise(function (resolve, reject) {
        Counter('get', '/classes/Counter?where=' + encodeURIComponent(JSON.stringify({target})))
          .then(resp => resp.json())
          .then(({results, code, error}) => {
            if (code === 401) {
              throw error;
            }
            if (results && results.length > 0) {
              var record = results[0];
              resolve(record);
            } else {
              Counter('post', '/classes/Counter', {target, time: 0})
                .then(resp => resp.json())
                .then((record, error) => {
                  if (error) {
                    throw error;
                  }
                  resolve(record);
                }).catch(error => {
                console.error('Failed to create', error);
                reject(error);
              });
            }
          }).catch((error) => {
          console.error('LeanCloud Counter Error:', error);
          reject(error);
        });
      })
    }

    // 发起自增请求
    function increment(Counter, incrArr) {
      return new Promise(function (resolve, reject) {
        Counter('post', '/batch', {
          "requests": incrArr
        }).then((res) => {
          res = res.json();
          if (res.error) {
            throw res.error;
          }
          resolve(res);
        }).catch((error) => {
          console.error('Failed to save visitor count', error);
          reject(error);
        });
      });
    }

    // 构建自增请求体
    function buildIncrement(objectId) {
      return {
        "method": "PUT",
        "path": `/1.1/classes/Counter/${ objectId }`,
        "body": {
          "time": {
            '__op': 'Increment',
            'amount': 1
          }
        }
      }
    }

    // 校验是否为有效的 UV
    function validUV() {
      var key = 'LeanCloud_UV_Flag';
      var flag = localStorage.getItem(key);
      if (flag) {
        // 距离标记小于 24 小时则不计为 UV
        if (new Date().getTime() - parseInt(flag) <= 86400000) {
          return false;
        }
      }
      localStorage.setItem(key, new Date().getTime().toString());
      return true;
    }

    function addCount(Counter) {
      var enableIncr = 'true' === 'true' && window.location.hostname !== 'localhost';
      var getterArr = [];
      var incrArr = [];

      // 请求 PV 并自增
      var pvCtn = document.querySelector('#leancloud-site-pv-container');
      if (pvCtn || enableIncr) {
        var pvGetter = getRecord(Counter, 'site-pv').then((record) => {
          incrArr.push(buildIncrement(record.objectId))
          var ele = document.querySelector('#leancloud-site-pv');
          if (ele) {
            ele.innerText = record.time + 1;
            if (pvCtn) {
              pvCtn.style.display = 'inline';
            }
          }
        });
        getterArr.push(pvGetter);
      }

      // 请求 UV 并自增
      var uvCtn = document.querySelector('#leancloud-site-uv-container');
      if (uvCtn || enableIncr) {
        var uvGetter = getRecord(Counter, 'site-uv').then((record) => {
          var vuv = validUV();
          vuv && incrArr.push(buildIncrement(record.objectId))
          var ele = document.querySelector('#leancloud-site-uv');
          if (ele) {
            ele.innerText = record.time + (vuv ? 1 : 0);
            if (uvCtn) {
              uvCtn.style.display = 'inline';
            }
          }
        });
        getterArr.push(uvGetter);
      }

      // 如果是文章，请求文章的浏览数，并自增
      if ('false' === 'true') {
        var viewCtn = document.querySelector('#leancloud-post-views-container');
        if (viewCtn || enableIncr) {
          var target = decodeURI('/binblog/categories/index.html');
          var viewGetter = getRecord(Counter, target).then((record) => {
            incrArr.push(buildIncrement(record.objectId))
            if (viewCtn) {
              var ele = document.querySelector('#leancloud-post-views');
              if (ele) {
                ele.innerText = (record.time || 0) + 1;
                viewCtn.style.display = 'inline';
              }
            }
          });
          getterArr.push(viewGetter);
        }
      }

      // 如果启动计数自增，批量发起自增请求
      if (enableIncr) {
        Promise.all(getterArr).then(() => {
          incrArr.length > 0 && increment(Counter, incrArr);
        })
      }
    }

    var app_id = 'vsanVmkaurLHyq2Xey9odo5V-gzGzoHsz'
    var app_key = 'v2hMMe4Mzz3mqpy9jwd7qx8B'
    var server_url = ''

    function fetchData(api_server) {
      var Counter = (method, url, data) => {
        return fetch(`${ api_server }/1.1${ url }`, {
          method,
          headers: {
            'X-LC-Id': app_id,
            'X-LC-Key': app_key,
            'Content-Type': 'application/json',
          },
          body: JSON.stringify(data)
        });
      };

      addCount(Counter);
    }

    var api_server = app_id.slice(-9) !== '-MdYXbMMI' ? server_url : `https://${ app_id.slice(0, 8).toLowerCase() }.api.lncldglobal.com`;

    if (api_server) {
      fetchData(api_server);
    } else {
      fetch('https://app-router.leancloud.cn/2/route?appId=' + app_id)
        .then(resp => resp.json())
        .then(({api_server}) => {
          fetchData('https://' + api_server);
        });
    }
  })();
</script>








  <script  src="https://cdn.staticfile.org/typed.js/2.0.11/typed.min.js" ></script>
  <script>
    var typed = new Typed('#subtitle', {
      strings: [
        '  ',
        "我的分类&nbsp;",
      ],
      cursorChar: "_",
      typeSpeed: 70,
      loop: false,
    });
    typed.stop();
    $(document).ready(function () {
      $(".typed-cursor").addClass("h2");
      typed.start();
    });
  </script>





  <script  src="/binblog/js/local-search.js" ></script>
  <script>
    var path = "/binblog/local-search.xml";
    var inputArea = document.querySelector("#local-search-input");
    inputArea.onclick = function () {
      searchFunc(path, 'local-search-input', 'local-search-result');
      this.onclick = null
    }
  </script>



















  

  

  

  

  

  





<script src="/binblog/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"model":{"jsonPath":"/binblog/live2dw/assets/koharu.model.json"},"display":{"position":"right","width":150,"height":300},"mobile":{"show":true},"log":false,"pluginJsPath":"lib/","pluginModelPath":"assets/","pluginRootPath":"live2dw/","tagMode":false});</script></body>
</html>
